<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
	<meta name="format-detection" content="telephone=no" />
	<script>
		var html = document.getElementsByTagName('html')[0];
		html.style.fontSize = html.clientWidth / 3.75 + "px";
	</script>
	<title>搜索农庄</title>
	<link rel="stylesheet" href="../static/css/Reset.css" />
	<link rel="stylesheet" href="../static/css/search.css" />
</head>
<body>
<div class="container" id="searchBody">
	<header class="header">
		<div class="search">
        <span class="s_con1">
			<img src="../static/images/search.png">
            <input type="text" class="content" id="search" @keyup="searchOnkeyup" v-model="keyword" placeholder="搜索农庄名称">
            <i class="clear" @click="clearMsg($event)"></i>
        </span>
		</div>
	</header>
    <div class="h_80"></div>
    <div class="list" style="display: none">
        <ul  v-cloak>
			<li v-for="s in searchList" @click="jumpDetail(s.id)">{{s.name}}</li>
        </ul>
    </div>
</div>
</body>
<script src="https://api.map.baidu.com/api?v=2.0&ak=HuWMDRmExUdhWoXsVSnBgqdvtWzhgfDY&s=1"></script>
<script type="text/javascript" src="../libs/jquery.min.js"></script>
<script type="text/javascript" src="../libs/jquery.validate.min.js"></script>
<script type="text/javascript" src="../libs/fastclick.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue.min.js"></script>
<script type="text/javascript" src="../libs/vue/vue-resource.min.js"></script>
<script type="text/javascript" src="../libs/require.js"></script>
<script type="text/javascript" src="../libs/var.js"></script>
<script type="text/javascript" src="../libs/common.js"></script>
<script type="text/javascript" src="./js/farmSearch.js"></script>
</html>
